<template>
  <div>
    <comment-nav v-if="thing == 'comment'" :operation="operation"></comment-nav>
    <message-nav v-if="thing == 'message'" :operation="operation"></message-nav>
    <home-nav v-if="thing == 'dashboard'" :operation="operation"></home-nav>
    <user-nav v-if="thing == 'user'" :operation="operation"></user-nav>
    <article-nav v-if="thing == 'article'" :operation="operation"></article-nav>
    <categroy-nav
      v-if="thing == 'category'"
      :operation="operation"
    ></categroy-nav>
  </div>
</template>

<script>
import UserNav from "@/components/MiniNav/UserNav"
import ArticleNav from "@/components/MiniNav/ArticleNav"
import CategroyNav from "@/components/MiniNav/CategroyNav"
import HomeNav from "@/components/MiniNav/HomeNav"
import MessageNav from "@/components/MiniNav/MessageNav"
import CommentNav from "@/components/MiniNav/CommentNav"
export default {
  name: "MiniNav",
  components: {
    UserNav,
    ArticleNav,
    CategroyNav,
    HomeNav,
    MessageNav,
    CommentNav
  },
  props: {
    thing: {
      type: String,
      required: true
    },
    operation: {
      type: String,
      required: true
    }
  }
}
</script>

<style></style>
